<template>
    <div id="tab-bar">
       <slot></slot>
    </div>
</template>

<script>
export default {
    name:'TabBar',
}
</script>

<style>
    #tab-bar{
      display: flex;
      background-color: #f6f6f6;
      position: fixed; 
      /* 容器设置在最底部,其中bottom是位置决定的属性,
      right为0和left为0是为了控制容器的宽度占为100%*/
      left: 0;
      right: 0;
      bottom: 0;
     /* box-shadow: 0 -1px 1px rgba(100, 100, 100, .2); */
      /* 边框阴影: x轴为0px, y轴为-1px(向上), 边框大小为1px, 颜色为透明度为20% */
    }
</style>